<template>
    <div>
        <!-- 地图容器 -->
        <div id="map_china" style="height:500px"></div>
    </div>
</template>

<script>
import { mount } from '@vue/test-utils';
export default {
    data(){
        return{}
    },

    methods:{
        initMap(){
            //1.加载geo数据
            let mapData = Highcharts.maps['cn/china'];
            //2.配置
            var map = Highcharts.mapChart('map_china', {
                title:{
                text:"中国实时疫情监控"
                },
                series: [{
                mapData,
                data:[{
                    name:"安徽",
                    value:"300"
                }],
                joinBy:"name"
                }]
            });
        }
    },

     mounted (){
        this.initMap();
     }


}
</script>